<!DOCTYPE html>
<html lang="fr">

<head>
	<meta charset="utf-8">
	<title>PPE4</title>
	<meta name="description" content="description">
	<meta name="author" content="Chevalier-Boucherie">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="plugins/bootstrap/bootstrap.css" rel="stylesheet">
	<link href="plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
	<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
	<link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
	<link href="plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
	<link href="plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
	<script src="plugins/fullcalendar/fullcalendar.js"></script>
	<script src="plugins/fullcalendar/lang/all.js"></script>
	<link href="plugins/xcharts/xcharts.min.css" rel="stylesheet">
	<link href="plugins/select2/select2.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
</head>

<body>
	<!--Start Header-->
	<div id="screensaver">
		<canvas id="canvas"></canvas>
		<i class="fa fa-lock" id="screen_unlock"></i>
	</div>
	<div id="modalbox">
		<div class="devoops-modal">
			<div class="devoops-modal-header">
				<div class="modal-header-name">
					<span>Basic table</span>
				</div>
				<div class="box-icons">
					<a class="close-link"> <i class="fa fa-times"></i>
					</a>
				</div>
			</div>
			<div class="devoops-modal-inner"></div>
			<div class="devoops-modal-bottom"></div>
		</div>
	</div>
	<header class="navbar">
		<div class="container-fluid expanded-panel">
			<div class="row">
				<div id="logo" class="col-xs-12 col-sm-2">
					<a href="index.html">Kaliémie</a>
				</div>
				<div id="top-panel" class="col-xs-12 col-sm-10">
					<div class="row">
						<div class="col-xs-8 col-sm-4">
							<a href="#" class="show-sidebar"> <i class="fa fa-bars"></i>
							</a>
							<div id="search">
								<input type="text" placeholder="search" /> <i
									class="fa fa-search"></i>
							</div>
						</div>
						<div class="col-xs-4 col-sm-8 top-panel-right">
							<ul class="nav navbar-nav pull-right panel-menu">
								<li class="dropdown">
									<ul class="dropdown-menu">
										<li><a href="ajax/gallery_simple.html" class="ajax-link">
												<i class="fa fa-picture-o"></i> <span>Albums</span>
										</a></li>
										<li><a href="ajax/calendar.html" class="ajax-link"> <i
												class="fa fa-tasks"></i> <span>Tasks</span>
										</a></li>
										<li><a href="#"> <i class="fa fa-cog"></i> <span>Settings</span>
										</a></li>
										<li><a href="#"> <i class="fa fa-power-off"></i> <span>Logout</span>
										</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!--End Header-->
	
	<!--Start Container-->
	<div id="main" class="container-fluid">
		<div class="row">
			<div id="sidebar-left" class="col-xs-2 col-sm-2">
				<ul class="nav main-menu">
					<li><a class="ajax-link" href="ajax/calendar.html"> <i
							class="fa fa-calendar"></i> <span class="hidden-xs">Calendrier</span>
					</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle">
							<i class="fa fa-bar-chart-o"></i> <span class="hidden-xs">Stats</span>
					</a>
						<ul class="dropdown-menu">
							<li><a class="ajax-link" href="ajax/charts_xcharts.html">Stats</a></li>
						</ul></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle">
							<i class="fa fa-table"></i> <span class="hidden-xs">Tableaux</span>
					</a>
						<ul class="dropdown-menu">
							<li><a class="ajax-link" href="ajax/tables_simple.html">Tableaux simples</a></li>
							<li><a class="ajax-link" href="ajax/tables_datatables.html">Tableaux de données</a></li>
						</ul></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle">
							<i class="fa fa-desktop"></i> <span class="hidden-xs">Divers elements</span>
					</a>
						<ul class="dropdown-menu">
							<li><a class="ajax-link" href="ajax/ui_grid.html">Grilles</a></li>
							<li><a class="ajax-link" href="ajax/ui_buttons.html">Bouttons</a></li>
							<li><a class="ajax-link" href="ajax/ui_progressbars.html">Barre de progression</a></li>
							<li><a class="ajax-link" href="ajax/ui_jquery-ui.html">Jquery UI</a></li>
							<li><a class="ajax-link" href="ajax/ui_icons.html">Icones</a></li>
						</ul></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle">
							<i class="fa fa-list"></i> <span class="hidden-xs">Pages</span>
					</a>
						<ul class="dropdown-menu">
							<li><a href="ajax/page_login.html">Se connecter</a></li>
							<li><a href="ajax/page_register.html">S'enregister</a></li>
							<li><a id="locked-screen" class="submenu" href="ajax/page_locked.html">Locked Screen</a></li>
							<li><a class="ajax-link" href="ajax/page_contacts.html">Contacts</a></li>
							<li><a class="ajax-link add-full" href="ajax/page_messages.html">Messagerie</a></li>
							<li><a class="ajax-link" href="ajax/page_search.html">Recherche</a></li>
							<li><a class="ajax-link" href="ajax/page_404.html">Error 404</a></li>
							<li><a href="ajax/page_500.html">Error 500</a></li>
						</ul></li>
				</ul>
			</div>
			<!--Start Content-->
			<div id="content" class="col-xs-12 col-sm-10">
				<div class="preloader">
					<img src="img/devoops_getdata.gif" class="devoops-getdata"
						alt="preloader" />
				</div>
				<div id="ajax-content"></div>
			</div>
			<!--End Content-->
		</div>
	</div>
	<!--End Container-->
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<!--<script src="http://code.jquery.com/jquery.js"></script>-->
	<script src="plugins/jquery/jquery-2.1.0.min.js"></script>
	<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="plugins/bootstrap/bootstrap.min.js"></script>
	<script src="plugins/justified-gallery/jquery.justifiedgallery.min.js"></script>
	<script src="plugins/tinymce/tinymce.min.js"></script>
	<script src="plugins/tinymce/jquery.tinymce.min.js"></script>
	<!-- All functions for this theme + document.ready processing -->
	<script src="js/devoops.js"></script>
</body>
</html>
